<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <style>

    li {
      width: 200px;
      margin: 8px;
      position: relative;
    }

    .btn {
      position: absolute;
      right: 0;
    }

    #main {
      width: 0;
      height: 0;
      border-bottom: 100px solid blueviolet;
      border-top: 100px solid white;
      border-right: 100px solid white;
      border-left: 100px solid white;
    }

    #ddd {
      background-color: #2AB8CC;
      width: 100px;
      height: 50px;
      border-radius: 20px;
      position: absolute;
      left: 23%;
      top: 35%;
    }

    #two {
      width: 100px;
      height: 100px;
      background-color: #42bd56;
      border-radius: 50px;
      position: absolute;
      left: 40%;
      top: 33%;
    }

    #heart {
      position: absolute;
      width: 100px;
      height: 90px;
      left: 55%;
      top: 35%;
    }

    #heart:before,
    #heart:after {
      position: absolute;
      content: "";
      left: 50px;
      top: 0;
      width: 50px;
      height: 80px;
      background: red;
      border-radius: 50px 50px 0 0;
      transform: rotate(-45deg);
      transform-origin: 0 100%;
    }

    #heart:after {
      left: 0;
      transform: rotate(45deg);
      transform-origin: 100% 100%;
    }
  </style>
</head>
<body>
  <label>
    <input type="text" placeholder="请输入内容">
  </label>
  <button>保存</button>
  <ol>
    <li><span>喝奶茶会长胖吗</span>
      <button class="btn">不会</button>
    </li>
    <li><span>喝奶茶会长胖吗</span>
      <button class="btn">不会</button>
    </li>
    <li><span>喝奶茶会长胖吗</span>
      <button class="btn">不会</button>
    </li>
    <li><span>喝奶茶会长胖吗</span>
      <button class="btn">不会</button>
    </li>
  </ol>
  <hr>
  <div id="main"></div>
  <button id="ddd">嘀嘀嘀</button>
  <div id="two"></div>
  <div id="heart"></div>
  <hr>
  <label for="">
    <input type="text" placeholder="请输入充值金额" id="content">
  </label>
  <button id="ok">充值</button>

</body>
<script>
  let ok = document.getElementById("ok")
  let content = document.getElementById("content")
  ok.onclick = function () {
    if (content.value===""){
      alert("请输入金额")
    }else {
      alert("充值 "+content.value+" 元成功!")
    }
  }
  let person = {
    name:"张三",
    age:18
  }
  console.log(111,person.name);
  console.log(222,person["name"]);
</script>
</html>
